<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link
      rel="stylesheet"
      href="../../plugin/bootstrap/css/bootstrap.min.css"
    />
    <link rel="stylesheet" href="../../plugin/layui/css/layui.css" />
    <link rel="stylesheet" href="../../plugin/swiper/swiper.min.css" />
    <link rel="stylesheet" href="../../css/common.css" />
    <link rel="stylesheet" href="../../css/style.css" />
    <link rel="stylesheet" href="../../css/animate.css" />
    <link rel="stylesheet" href="../../css/fonts/iconfont.css" />
    <link rel="stylesheet" href="../css/company.css" />
    <link rel="stylesheet" href="../../plugin/summernote/summernote.css" />
    <link rel="stylesheet" href="../../plugin/zTree/css/zTreeStyle.css" />
    <link rel="stylesheet" href="../../css/theme/gray.css" />
    <link rel="stylesheet" href="../css/theme/black.css" />
    <script type="text/javascript" src="../../js/jquery.js"></script>
    <script type="text/javascript" src="../../plugin/layui/layui.js"></script>
    <script type="text/javascript" src="../../js/echarts.min.js"></script>
    <script type="text/javascript" src="../js/menu.js"></script>
    <script
      type="text/javascript"
      src="../../plugin/swiper/swiper.min.js"
    ></script>
    <script
      type="text/javascript"
      src="../../plugin/bootstrap/js/bootstrap.min.js"
    ></script>
    <script
      type="text/javascript"
      src="../../plugin/summernote/summernote.min.js"
    ></script>
    <script
      type="text/javascript"
      src="../../plugin/zTree/js/jquery.ztree.all.min.js"
    ></script>
    <script type="text/javascript" src="../../js/common.js"></script>
    <script type="text/javascript" src="../js/company_common.js"></script>
  </head>
  <body>
    <div class="page_container flex">
      <div class="page_aside">
        <div class="logo flex-shrink0">
          <span class="icon el-icon-platform-eleme"></span>
          <span class="text">钢宝云</span>
        </div>
        <div id="asidMenu" class="asideMenu"></div>
      </div>
      <div id="child_menu_box" class="child_menu_box flex flex-col">
        <div class="menu_title" id="menuTitle"></div>
        <ul id="child_menu_list" class="child_menu_list flex-1"></ul>
        <div class="child_nav_hide" id="child_nav_hide"><<收起</div>
      </div>
      <div class="showAsid" id="showAsidBtn">
        <span class="iconfont icon-arrow-right"></span>
      </div>
      <div class="page_content flex-1 flex flex-col">
        <div class="page_header flex">
          <div class="page_header_top flex-1 flex justify-between">
            <div class="headTab flex-1" id="treeBox">
              <div class="treeLeft disabled">
                <span class="iconfont icon-arrow-left"></span>
              </div>
              <div class="treeMain">
                <div id="companyHeadTree" class="headTree"></div>
              </div>
              <div class="treeRight">
                <span class="iconfont icon-arrow-right"></span>
              </div>
              <div class="treeOper dropdown">
                <a
                  href="javascript:;"
                  data-toggle="dropdown"
                  aria-haspopup="true"
                  aria-expanded="false"
                  class="iconfont icon-settings dropdown-toggle"
                ></a>
                <ul
                  class="dropdown-menu dropdown-menu-right"
                  style="width: 100px"
                  aria-labelledby="dLabel"
                >
                  <li class="item" onclick="closeHeadTree('other');">
                    关闭其他
                  </li>
                  <li class="item" onclick="closeHeadTree('all');">关闭全部</li>
                  <li class="item" onclick="closeHeadTree();">关闭当前</li>
                </ul>
              </div>
            </div>
            <ul class="header_right flex-shrink0">
              <li>用户名</li>
              <li id="companyName">
                <span>公司</span>
                <span class="iconfont icon-qiehuan fs12"></span>
                <div class="companyList" id="companyList">
                  <div
                    class="companyItem flex items-center active"
                    onclick="changeCompany(this)"
                  >
                    <div class="companyPic">
                      <img src="../../images/user_head.png" />
                    </div>
                    <div class="companyInfo">
                      <div class="name">公司名称</div>
                      <div class="msg">公司简介</div>
                    </div>
                  </div>
                  <div
                    class="companyItem flex items-center"
                    onclick="changeCompany(this)"
                  >
                    <div class="companyPic">
                      <img src="../../images/user_head.png" />
                    </div>
                    <div class="companyInfo">
                      <div class="name">公司名称</div>
                      <div class="msg">公司简介</div>
                    </div>
                  </div>
                  <div
                    class="companyItem flex items-center"
                    onclick="changeCompany(this)"
                  >
                    <div class="companyPic">
                      <img src="../../images/user_head.png" />
                    </div>
                    <div class="companyInfo">
                      <div class="name">公司名称</div>
                      <div class="msg">公司简介</div>
                    </div>
                  </div>
                </div>
              </li>
              <li class="refresh" onclick="refreshPage()">刷新</li>
              <li>
                <div class="dropdown">
                  <a
                    id="dLabel"
                    data-toggle="dropdown"
                    aria-haspopup="true"
                    aria-expanded="false"
                  >
                    更多
                    <span class="caret"></span>
                  </a>
                  <ul
                    class="dropdown-menu dropdown-menu-right"
                    aria-labelledby="dLabel"
                  >
                    <li command="loginOut">退出</li>
                    <li>修改密码</li>
                  </ul>
                </div>
              </li>
            </ul>
          </div>
        </div>
        <div class="page_main flex-1">
          <div class="iframeBox" id="mainIframe"></div>
          <!-- <el-footer v-if="foot.showFoot" :height="foot.height">底部</el-footer> -->
        </div>
      </div>
    </div>
  </body>
  <script type="text/javascript" src="../js/index.js"></script>
  <script>
    $(function () {
      bindTreeEvent();
      $("#companyName")
        .off("click")
        .on("click", function () {
          $(this).children(".companyList").slideToggle();
        });
    });
  </script>
</html>
